<template>
  <div>
    <!-- 标题 -->
    <div>
      <NavBar :title="title" :route="route"></NavBar>
    </div>
    <!-- 提示文字 -->
    <div class="PromptText">
        <p>提示：报考资料将用于认证本人信息使用，照片将用于准考证，请按要求上传。</p>
        <div>请上传本人7日内照片，五官清晰</div>
    </div>
    <!-- 上传图片 -->
    <div class="Picture">
      <van-uploader v-model="fileList" multiple :max-count="1" :max-size="295 * 413" />
    </div>
    <!-- 确定按钮 -->
    <div class="EnterButton" @click="Enterbutton">
      <van-button type="info">确定按钮</van-button>

    </div>
  </div>
</template>

<script>
import NavBar from '@/components/navBar.vue'

export default {
  components:{
    NavBar
  },
  data() {
    return {
      title:'上传照片',
      route:'DataUpload',
      //上传图片
      fileList: [
      
        // Uploader 根据文件后缀来判断是否为图片文件
        // 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
        // { url: 'https://cloud-image', isImage: true },
      ],
    };
  },
  methods: {
    onClickLeft() {
      this.$router.push({path:'DataUpload'})
    },
    Enterbutton(){
      this.$router.push({path:'DataUpload'})
    },
  },
};
</script>

<style scoped>
.PromptText{
  width: 354px;
  margin-left: 10px;
	top: 80px;
	color: rgba(80, 80, 80, 1);
	font-size: 12px;
	line-height: 150%;
	text-align: left;
}
.PromptText div{
  width: 175px;
	height: 18px;
	color: rgba(255, 0, 0, 1);
	font-size: 10px;
	line-height: 150%;
	text-align: left;
}
.Picture {
  text-align: center;
  margin-top: 150px;
}

/deep/ .van-uploader__upload{
  width: 250px;
  height: 210px;
}
.EnterButton{
  text-align: center;
  margin-top: 70px;
}
.van-button{
  width: 300px;
}


</style>